<!DOCTYPE html>
<html>
<head>
	<title>date</title>
	<meta charset="utf-8">
	<style type="text/css">
		body{
			background-color: #333;
			
		}
		body #clock{
			color: #fff;
			font-family: RADIOLANDSLIM;
			font-size: 280px;
			text-align: center;
			font-weight: bold;
			margin-top: 180px;
		}
		body #clock_Y{
			color: #fff;
			font-family: RADIOLANDSLIM;
			font-size: 32px;
			text-align: right;
			
		}
	</style>
</head>
<body>
 	
 	<div id="clock_Y"></div>
 	<div id="clock"></div>

</body>
</html>
<script type="text/javascript">
	var a=document.getElementById('clock')
	var b=document.getElementById('clock_Y')	
		setInterval(function(){
				var date = new Date();
				// console.log(Math.round(date.getTime()/1000))
					function checkTime(i){
						if (i<10) 
						  {i="0" + i}
						  return i
						}
					a.innerHTML= (checkTime(date.getHours())+":"+checkTime(date.getMinutes())+":"+checkTime(date.getSeconds()))
					b.innerHTML=(date.getFullYear()+"-"+date.getMonth()+1+"-"+checkTime(date.getDate()))
		},1000)
	</script>
	<!-- +" "+ -->